<template>
  <div class="foot h-20 bg-f-black">
    <div class="foot-tainer flex flex-row items-center justify-between">
      <div class="flex-1 ft:hidden">
        <div class="w-full">
          <div class="w-full">
            <div class="pdb-1-5 pdt-1-5">
              <span class="text-a3 fs-22 ls-1"> 资源支持 </span>
            </div>
          </div>
          <div class="w-full">
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">资源支持</span></div>
            </div>
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16"> 资源支持</span></div>
            </div>
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">资源支持</span></div>
            </div>
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">资源支持</span></div>
            </div>
          </div>
        </div>
      </div>
      <div class="flex-1 ft:hidden">
        <div class="w-full">
          <div class="w-full">
            <div class="pdb-1-5 pdt-1-5">
              <span class="text-a3 fs-22 ls-1"> 合作网站 </span>
            </div>
          </div>
          <div class="w-full">
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">合作网站</span></div>
            </div>
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">合作网站</span></div>
            </div>
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">合作网站</span></div>
            </div>
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">合作网站</span></div>
            </div>
          </div>
        </div>
      </div>
      <div class="flex-1 ft:hidden">
        <div class="w-full">
          <div class="w-full">
            <div class="pdb-1-5 pdt-1-5">
              <span class="text-a3 fs-22 ls-1"> 关于我们 </span>
            </div>
          </div>
          <div class="w-full">
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">关于我们</span></div>
            </div>
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">关于我们</span></div>
            </div>
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">关于我们</span></div>
            </div>
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">关于我们</span></div>
            </div>
          </div>
        </div>
      </div>
      <div class="flex-1 ft:hidden">
        <div class="w-full">
          <div class="w-full">
            <div class="pdb-1-5 pdt-1-5">
              <span class="text-a3 fs-22 ls-1"> 媒体 </span>
            </div>
          </div>
          <div class="w-full">
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">合作网站</span></div>
            </div>
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">合作网站</span></div>
            </div>
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">合作网站</span></div>
            </div>
            <div class="w-full">
              <div class="pdb-1 pdt-1"><span class="text-a3 fs-16">合作网站</span></div>
            </div>
          </div>
        </div>
      </div>
      <div class="flex-1">
        <div class="w-full">
          <div class="pt-1 pb-1">
            <div class="margin-center">
              <img src="@/assets/images/etas_code.png" alt="qr_code" width="146" height="146" />
            </div>
            <div class="w-full mt-8p">
              <span class="text-a3 fs-18">Text</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "GlobalFooter"
};
</script>

<style lang="css"></style>
